<template>
	<view class="c-falls-item" :style="{'grid-gap':gridGaps}">
		<slot></slot>
	</view>

</template>

<script>
	export default {
		name: "c-falls-item",
		inject: {
			Cfalls: {
				default: {}
			}
		},
		props: {
			gridGap:{
				type:[String,Number],
				default:''
			}
		},
		data() {
			return {}
		},
		computed: {
			computedCfalls() {
				return this.Cfalls
			},
			gridGaps(){
				return this.$rpxunit(this.gridGap) 
			}
		}
	}
</script>

<style lang="scss" scoped>
	.c-falls-item {
		width: 100%;
		// display: inline-flex;
		// flex-flow: column wrap;
		display: grid;
		grid-template-columns: 1fr;
	}
</style>